<template>
	<div id="app">
		<router-view />
		<div class="record">
			<a href="https://beian.miit.gov.cn" target="_blank">沪ICP备17016357号-2</a>
		</div>
	</div>
</template>

<script>
import Vue from 'vue'
import fun from './assets/utitls/datas'
Vue.use(fun)
export default {
	name: 'App',
	computed: {
		screenWidth() {
			return this.get_screen()
		}
	},
	created() {
		this.set_screen()
	},
	// 获取屏幕宽度，不用监听变化
	methods: {
		set_screen() {
			this.$store.commit('SET_SCREEN', { screen: this.screenWidth })
		}
	}
}
</script>

<style>
html,
body,
#app {
	min-height: 100%;
	height: 100%;
	overflow-x: hidden;
}

.record {
  position: absolute;
  width: 100%;;
  bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>
